<template>
  <a-card
    title="{% set leftBrace = '{{' %}{% set rightBrace = '}}' %}"
    :bordered="false"
    style="width: 1015px; margin-bottom: 149px;"
  >
 左边{% for item in vm.dateList %}{{leftBrace}}{{ item.name }}{{rightBrace}}{% endfor %}
    <a-row align-h="around">
      <a-col :span="2" :offset="1" class="text-title">登录手机:</a-col>
      <a-col :span="9" :offset="1" class="text-dark">{{ phone }}</a-col>
    </a-row>
  </a-card>
</template>

<script>

import { mapActions, mapState } from 'vuex'
import queryMixin from '@/mixins/queryMixin.js'

export default {
  mixins: [queryMixin],
  provide () {
    return {
      {{ vm.camelCaseName }}Page: this // inject: ['{{ vm.camelCaseName }}Page'],
    }
  },
  data () {
    return {
      breaditems: [
        {
          text: '我的订单',
          href: '/NewOrderManage/NewOrderManagePage'
        },
        {
          text: '{{ vm.default }}',
          active: true
        }
      ],
      showLoading: false
    }
  },
  components: {

  },
  computed: {
    ...mapState('{{ vm.camelCaseName }}', [{% for key,item in vm.dateList %} '{{ item.name }}'{% if key !== vm.dateList.length-1 %},{% endif %}{% endfor %}])
  },
  async created () {
    this.showLoading = true
    await this.get{{ vm.startCaseName }}({ orderId: this.route.orderId ? this.route.orderId : 1 })
    this.showLoading = false
  },
  methods: {
    ...mapActions('{{ vm.camelCaseName }}', ['get{{ vm.startCaseName }}', 'set{{ vm.startCaseName }}'])
  }
}
</script>

<style lang="less" scoped>
.m-r-10 {
  margin-right: 10px;
}
.card-header {
  background-color: #fff;
}

.text-title,
.text-dark {
  font-size: 14px;
  padding: 10px 0;
}

.text-title {
  text-align: right;
  color: #888;
}

.text-editor {
  padding-top: 6px;
  padding-left: 0;
}

.editor,
.save {
  margin: 15px 150px 30px;
  background-color: #fff;
  border: 1px solid #0079c3;
  color: #0079c3;
  font-size: 14px;
  width: 124px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}

.save {
  background-color: #0079c3;
  color: #fff;
}
</style>
